@media screen and (min-width: 1501px) {
    #bankDialog {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -459px;
        margin-top: -319.5px;
        font-family: 'GraphicPixel';
        -moz-user-select: none;
        -webkit-user-select: none;
        display: none;
	cursor: pointer;
	pointer-events: all;
        
    }

    #bankDialogInventory {
        position: absolute;
        left: 0px;
        top: 66px;
        width: 387px;
        height: 465px;
        background-image: url('../img/3/storedialogsheet.png');
        background-position: 0px 0px;
    }

    #bankDialogBank {
        position: absolute;
        left: 387px;
        top: 66px;
        width: 387px;
        height: 465px;
        background-image: url('../img/3/storedialogsheet.png');
        background-position: 0px 0px;
    }
    
    #bankDialogBankGoldBackground .bankGold {
    	position:absolute;
        left: 0;
        top: 51px;
        width: 48px;
        height: 18px;
	font-size:18px;
        color: #fff;
        text-align: center;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;    	    
    }
        
}

@media screen and (max-width: 1500px), screen and (max-height: 870px) {
    #bankDialog {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -306px;
        margin-top: -213px;
        font-family: 'GraphicPixel';
        -moz-user-select: none;
        -webkit-user-select: none;
        display: none;
	cursor: pointer;
	pointer-events: all;
        
    }

    #bankDialogInventory {
        position: absolute;
        left: 0px;
        top: 44px;
        width: 258px;
        height: 310px;
        background-image: url('../img/2/storedialogsheet.png');
        background-position: 0px 0px;
    }
    
    #bankDialogBank {
        position: absolute;
        left: 258px;
        top: 44px;
        width: 258px;
        height: 310px;
        background-image: url('../img/2/storedialogsheet.png');
        background-position: 0px 0px;
    }   
    
    #bankDialogBankGoldBackground .bankGold {
    	position:absolute;
        left: 0;
        top: 41px;
        width: 37px;
        height: 12px;
	font-size:12px;
        color: #fff;
        text-align: center;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;    	    
    }
        
}

@media screen and (max-width: 1000px) {

    #bankDialog {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -153px;
        margin-top: -106.5px;
        font-family: 'GraphicPixel';
        -moz-user-select: none;
        -webkit-user-select: none;
        display: none;
	cursor: pointer;
	pointer-events: all;
        
    }

    #bankDialogInventory {
        position: absolute;
        left: 0px;
        top: 22px;
        width: 129px;
        height: 155px;
        background-image: url('../img/1/storedialogsheet.png');
        background-position: 0px 0px;
    }
    
    #bankDialogBank {
        position: absolute;
        left: 129px;
        top: 22px;
        width: 129px;
        height: 155px;
        background-image: url('../img/1/storedialogsheet.png');
        background-position: 0px 0px;
    }
    

    #bankDialogBankGoldBackground .bankGold {
    	position:absolute;
        left: 0;
        top: 21px;
        width: 19px;
        height: 6px;
	font-size: 6px;
        color: #fff;
        text-align: center;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;    	    
    }
    
}

